查看原文
其他

干掉 visio,这个画图神器真的绝了!!!

The following article is from 苏三说技术 Author 苏三呀

前言

今天特地写一篇介绍画图工具的文章,给有需要的朋友一个参考。

先上几张图让大家看看效果:

1. 用什么画的图?

对于画流程图的工具,之前大家用得比较多的可能是:visioprocess on了。

visio是微软的一款画图软件,需要在电脑上安装,正版软件是付费的,但网上也可以搜到很多破解版。它是我用过的最早的画流程图工具了,后面使用 mac 电脑办公之后,就没有用过它了,之前觉得它跨电脑办公有点不方便。

process on是一款免费在线画图工具,功能非常强大。除了常规的各种流程图之外,对于思维导图支持也非常友好。但有个缺点是只能免费保存最近9张图,想保留更多的图,需要付费升级。

前面的两款画图工具,说到底还是收费的,对于喜欢白嫖的我们来说,有点无法接受。那么,有没有一款免费、在线、功能强大的画流程图的工具呢?

答:有,可以使用:diagrams,也可以叫它:draw.io

这款画图工具的官网地址是:https://app.diagrams.net/,它的前身是:https://draw.io/。这两个 url 都能访问。

同时它也提供了离线版的画图软件,大家可以自己下载 diagrams 的安装软件,不过有个坏处是它是收费的。

所以,我用得最多的还是在线版的。

2. 如何进入画图界面?

如何进入 diagrams 的画图界面呢?

在浏览器上输入 diagrams 的官网地址,我平时喜欢输入:https://draw.io/,因为它比较好记。

第一次访问的时候有点慢,因为它要初始化一些东西。

接下来,会弹出一个窗口,让我们选择画的图需要保存到哪里。

它主要支持四种:

  1. OneDrive:即云
  2. Device:即设备
  3. Github
  4. Gitlab

我目前为了图方便,用的最多的是Device,它可以把画的图保存到本地电脑,也可以从本地电脑导入已有的图。

其实如果可以的话,把图保存到Github,也是个不错的选择。

接下来,会弹出一个窗口,让你选择是 Create New Diagram(创建新流程图),还是选择 Open Existing Diagram(打开已有的流程图)。

我们第一次进来,当然是选择创建新流程图了。

然后,进入画流程图的主界面。

3. 画图界面的组成部分

diagrams 的工作界面主要是由以下几个部分组成:

此外,如果你想修改流程图名称的话,可以双击左上角的Untitled Diagram.drawio这几个字,会弹出如下窗口:

在这个窗口中可以修改流程图的名称和文件类型,默认是.drawio格式的。

下面用一张图总结一下 diagrams 的工作界面主要组成部分。

3.1 菜单栏

  • File菜单:包含了一系列的文件操作,包括:新建、打开文件、打开最近的文件、保存文件、另存为文件、分享文件、重命名、拷贝文件、导入、导出、打印、关闭等。
  • Edit菜单:包含了一系列工作区的操作,包括:回退、撤回、剪切、复制、粘贴、删除、查找、替换、编辑、编辑属性、选择、全选等。
  • View菜单:包含了一系列的视图操作,包括:恢复默认布局、大纲视图、图层、标签、网格、滚动条、全屏等。
  • Arrange菜单:包含了一系列图形排列操作,包括:在前面、在后面、插入图形、对齐等。
  • Extras菜单:包含了一系列额外的操作,包括:主题、展开、收缩、插件、编辑画图区、配置等。
  • Help菜单:主要包含一系列全局的操作,包括:搜索、快捷键、关于等。

3.2 工具栏

工具栏中包含了一些常用的功能,比如:图片尺寸、放大、缩小、退回、撤销、删除、在前、在后、背景色、字体颜色、连接、阴影、添加表格、添加图形、全屏、展开、收缩等。

这些功能真的太实用了。

3.3 左边图形区

左边图形区可以选择我们画图时需要的图形,默认有 7 类图形。

如果无法满足要求,可以点击 More Shapes 按钮,选择更多类型。

上图中我另外加了IOS类的图形。

我个人喜欢使用General类的图形,里面常用的图形都有,画一般的流程图是够用的。

当然,你也可以根据个人喜欢,选择更多的类型画图。

3.4 画图区

画图区是最重要的地方了,你的流程图是在这片区域完成的。

你可以在左边的图形区选择好图形之后,用鼠标拖到画图区,也可以直接在画图区复制已有的图形。

还可以给画图区加网格。

点击右键,空白的地方会出现一些操作选项。

在某个具体图形上点击右键,会出现一些图形相关的选项。

3.5 右边样式区

右边样式区可以说是 diagrams 的灵魂。

选择的图形,在画图区默认是这样的:

一眼看过去,显得非常单调。

但如果在右边样式区加了一些样式之后,图形马上变得不一样了。

对于文本样式也有挺多功能可以设置的。

3.6 底部

底部主要展示的是每页的名称。

点击左侧三个点,可以切换、插入、删除和重命名页面。

点击右侧的加号,可以立刻新增页面。

我们每次画图需要在某个页面上操作。但如果你需要画的图很多,可以使用页进行归类,方面今后维护。不太建议一页上画的图太多,不然画图时会非常卡。

总结

本文主要介绍了 diagrams 画图工具,它是一款免费的在线画图工具,也叫做 draw.io。它的功能非常强大,包括:菜单栏、工具栏、左边图形区、画图区、右边样式区、底部等。

当然本文只是抛砖引玉,给大家介绍了 diagrams 的一小部分功能。它的强大之处,需要大家自己多动手摸索。


- EOF -

推荐阅读  点击标题可跳转

1、王小波的计算机水平有多好?

2、一个员工的离职成本有多恐怖!

3、CentOS 将于年底终止!


觉得本文对你有帮助?请分享给更多人

推荐关注「Python开发者」,提升Python技能

点赞和在看就是最大的支持❤️

您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存